<%--
  Created by IntelliJ IDEA.
  User: zhuya
  Date: 2016/1/28
  Time: 16:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=utf-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="privilege" uri="/WEB-INF/privilege.tld" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <title>丢失物品详情</title>
  <link rel="stylesheet" href="<c:url value='/resource/wechat/css/frozen.css'/>">
  <link rel="stylesheet" type="text/css" href="<c:url value='/resource/wechat/css/main.css'/>" />
  <script src="<c:url value='/resource/wechat/js/zepto.min.js'/>"></script>
  <script src="<c:url value='/resource/wechat/js/frozen.js'/> "></script>
</head>
<body class="body_bg" ontouchstart>
<section class="ui-container">
  <ul class="ul_lost">
    <li>
      <div class="lf80">
        物品照片：
      </div>
      <div class="rt_80" id="sx_but">
        <img src=<c:if test="${lostProperty.filepath==null}">
                     "<c:url value='/resource/images/weixin/no_img.png'/>"
        </c:if>
<%--        <c:if test="${lostProperty.thumbImg!=null}">
          "data:image/png;base64,${lostProperty.thumbImg}"
        </c:if>/>--%>
        <c:if test="${lostProperty.filepath!=null}">
          "${lostProperty.filepath}"
        </c:if>/>
      </div>
    </li>
    <li>
      <div class="lf80">
        物品名称：
      </div>
      <div class="rt_80">
        ${lostProperty.lostname}
      </div>
    </li>
    <li>
      <div class="lf80">
        <%--<label>性<span class="text_white">性质</span>质：</label>--%>
          <span class="text_white">性质</span>性质：
      </div>
      <div class="rt_80">
        ${lostProperty.infotype==1?"丢失":"捡拾"}
      </div>
    </li>
    <li>
      <div class="lf80">
        物品类别：
      </div>
      <div class="rt_80">
        ${lostProperty.losttype == 1 ? "证件": lostProperty.losttype==2 ? "包袋" : lostProperty.losttype==3 ? "电子产品":"其他" }
      </div>
    </li>
    <li>
    <div class="lf80">
      事发地点：
    </div>
    <div class="rt_80">
      ${lostProperty.lostaddress}
    </div>
  </li>
    <li>
      <div class="lf80">
        内容描述：
      </div>
      <div class="rt_80">
        ${lostProperty.remark}
      </div>
    </li>
    <li>
    <div class="lf80">
      发布部门：
    </div>
    <div class="rt_80">
      ${lostProperty.orgname}
    </div>
  </li><li>
    <div class="lf80">
      发布日期：
    </div>
    <div class="rt_80">
      ${lostProperty.crttimestr}
    </div>
  </li><li>
    <div class="lf80">
      联系电话：
    </div>
    <div class="rt_80">
      ${lostProperty.policephone}
    </div>
  </li>

  </ul>
  <style type="text/css">
    .imgbig{width: 94%; position: absolute; top:60px; left: 3%; z-index: 6}
    .imgbig img{ width: 100%;}
    .imgmask{width: 100%; height: 100%; background:rgba(0,0,0,0.5); position: fixed;
      left:0px;top: 0px; z-index: 5; display: none}
  </style>
  <div class="imgmask"></div>
  <div class="imgbig" style="display: none">
    <img src=<c:if test="${lostProperty.filepath==null}">
                 "<c:url value='/resource/images/weixin/no_img.png'/>"
    </c:if>
    <c:if test="${lostProperty.filepath!=null}">
      "${lostProperty.filepath}"
    </c:if>/>
  </div>

  <%--<div class="ui-dialog">--%>
      <%--<img src=<c:if test="${lostProperty.image==null}">--%>
                   <%--"<c:url value='/resource/images/weixin/no_img.png'/>"--%>
      <%--</c:if>--%>
      <%--<c:if test="${lostProperty.image!=null}">--%>
        <%--"data:image/jpg;base64,${lostProperty.image}"--%>
      <%--</c:if>/>--%>
  <%--</div>--%>
</section>
</body>
<script>
  $("#sx_but").click(function(){
    $(".imgmask").css("display","block");
    $(".imgbig").css("display","block");
  })

  $(".imgbig").click(function(){
    $(".imgmask").css("display","none");
    $(this).css("display","none");
  })

  $(".imgmask").click(function(){
    $(".imgbig").css("display","none");
    $(this).css("display","none");
  });
</script>
</html>
